<!-- 我的收藏 -->
<template>
  <div>
    <van-nav-bar
      fixed placeholder
      title="我的收藏"
      left-arrow
      @click-left="onClickLeft"
    />
    <div class="collectInfo">
      <van-swipe-cell>
        <van-card
          price="2.00"
          tag="3入团"
          centered
          title="【仅限成都同城地区】新鲜水果上市 大荔冬枣  5斤/箱 新鲜上市"
          class="goods-card"
          thumb="https://ss0.bdstatic.com/70cFuHSh_Q1YnxGkpoWK1HF6hhy/it/u=12798836,3587944316&fm=26&gp=0.jpg"
        />
        <template #right>
          <van-button square text="取消收藏" type="danger" class="delete-button" />
        </template>
      </van-swipe-cell>
    </div>
  </div>
</template>

<script>
export default {
  name:'collect',
  data () {
    return {
    }
  },
  methods:{
    onClickLeft(){
      this.$router.push('/my')
    },
  }
}
</script>

<style  scoped>
  div /deep/ .van-nav-bar .van-icon{
    color: #333;
  }
   .goods-card {
    margin: 10px auto;
    border-radius: 10px;
    width: 95%;
    background-color: white;
    box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);
  }
  .van-card{
    text-align: left;
  }
  .van-card__title{
    font-size: 14px;
    padding-bottom: 10px;
  }
  .van-card__content{
    padding-left: 10px;
  }
  .delete-button {
    height: 100%;
    margin-left: 2px;
  }
</style>
